<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<input th:value="${user}"><br>-->
<!--<span th:text="${user}"></span>-->
<!--<div th:text="${user}"></div>-->
<!--直接取值:[[${user}]]-->
<h1>列表页</h1>
<!--引入公共的的代码  replace : 代替,表示将外部公共片段代替自己div中的内容-->
    <div th:replace="common :: aaa">
        如果div中有数据也会被替代
    </div>
<!--加入我们想将整个的js页面引过来可以使用insert表达式-->
<div th:insert="common.html"></div>
<table width="100%" border="1" >
    <tr>
        <th>框框</th>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>生日</th>
        <th>昵称</th>
        <th>操作</th>
    </tr>
    <!--没遍历一层给他一个变量接收-->
    <th:block th:each=" user :  ${userlist}">
        <tr>
            <th><input type="checkbox" th:value="${user.id}"></th>
            <th th:text="${user.id}"></th>
            <th>[[${user.username}]]</th>
            <th>[[${user.sex}]]
<!--                <span th:if="${user.sex==1}">男</span>-->
<!--                <span th:if="${user.sex==2}">女</span>-->
            </th>
            <th>
                <!-- thymelegt的内置函数: 自带的函数 -->
                <span th:text="${#dates.format(user.birth,'yyyy-MM-dd')}"></span>
            </th>
<!--            <th>[[${user.birth}]]</th>-->
            <th>[[${user.nikey}]]</th>
            <th>
                <!--问号传参-->
                <a th:href="@{/user/toUpdate(id=${id},uname=${user.username})}">修改</a>
                <!---这种方式一般只传一个参数-->
                <a th:href="@{/user/delete/}+${user.id}">删除</a>
            </th>
        </tr>
    </th:block>
    <!--转译特殊字符,原样输出-->
    <div th:text="${value}"></div>
    <!--不转译特殊字符-->
    <div th:utext="${value}"></div>
</table>
</body>
</html>